<template>	
	<!-- 分销报表 -->
	<view>
		<view style="height: 160rpx;box-sizing:border-box; padding-top: 81rpx;background-color: #FF1414;">
					<image src="/static/waimai/返回@2x.png" @click="backTo()" style="margin: 0 259rpx 0 30rpx; width: 18rpx;height: 32rpx;" mode="aspectFit"></image>
					<text style="font-size: 32rpx;color: #fff;">分销报表</text>
		</view>
		<view class="nav">
			<view class="navBar" v-for="(item, index) in navList" :key="index">
				<view :class="{'active':isActive === index}" @click="checked(index)">
					{{item.title}}
				</view>
			</view>
		</view>
		<view>
			<view class="content1">
				<view class="title">今日</view>
				<view class="total">
					<view class="item">
						<text>累计收益</text>
						<text>0.00</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>累计订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>新增订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
				</view>
			</view>
			<view class="content1">
				<view class="title">昨日</view>
				<view class="total">
					<view class="item">
						<text>累计收益</text>
						<text>0.00</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>累计订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>新增订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
				</view>
			</view>
			<view class="content1">
				<view class="title">本周</view>
				<view class="total">
					<view class="item">
						<text>累计收益</text>
						<text>0.00</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>累计订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
					<view class="item">
						<text>新增订单</text>
						<text>0</text>
						<text class="ratio">比昨日上涨0%</text>
					</view>
				</view>
			</view>
		    <view class="content1">
		    	<view class="title">本月</view>
		    	<view class="total">
		    		<view class="item">
		    			<text>累计收益</text>
		    			<text>0.00</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    		<view class="item">
		    			<text>累计订单</text>
		    			<text>0</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    		<view class="item">
		    			<text>新增订单</text>
		    			<text>0</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    	</view>
		    </view>
		    <view class="content1">
		    	<view class="title">全部</view>
		    	<view class="total">
		    		<view class="item">
		    			<text>累计收益</text>
		    			<text>0.00</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    		<view class="item">
		    			<text>累计订单</text>
		    			<text>0</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    		<view class="item">
		    			<text>新增订单</text>
		    			<text>0</text>
		    			<text class="ratio">比昨日上涨0%</text>
		    		</view>
		    	</view>
		    </view>
		</view>
	</view>
</template>
<script>
	import {Storage} from '@/static/libs/utils.js'
export default {
	data(){
		return {
			isActive:0,
			navList:[
				{
					index:0,
					title:'收益报表'
				},
				{
					index:1,
					title:'收益订单'
				}
			],
			token:''
		}
	},
	onLoad() {
		this.token = Storage.get('token');
		
		// this.getIncomeStatement();
	},
	methods:{
		checked(index){
			this.isActive = index
		}
	}
}
</script>
<style>
.nav {
	width: 100%;
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.navBar {
	height: 80rpx;
	line-height:80rpx;
	text-align: center;
	font-size: 28rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #666666;
}
.active {
	position: relative;
	color: #1B1B1B;
}
.active::after {
	content: '';
	position: absolute;
	background: #F61B00;
	width: 44rpx;
	height: 6rpx;
	left: 0rpx;
	right: 0rpx;
	bottom: 0rpx;
	margin: auto;
}
.content1 {
	width: 698rpx;
	height: 249rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 5rpx 20rpx 0rpx rgba(6, 0, 1, 0.1);
	border-radius: 14rpx;
	margin: 30rpx 26rpx 0rpx;
}
.title {
	padding-left: 28rpx;
	padding-top: 30rpx;
	font-size: 32rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #1B1B1B;
}
.total {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 20rpx;
}
.item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size: 24rpx;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #1B1B1B;
	line-height: 50rpx;
}
.ratio {
	color: #999999;
}
</style>
